<template>
  <div class="pageIndex pb180">
    <index-swiper :list="swiperList"></index-swiper>
    <section :class="$style.main">
      <p :class="$style.text" class="setWrap flexWrap flexC2">
        <span class="flexWrap flexC1 f42 cBasic1">
          <i class="uIcon uIconOnlineService"></i>咨询在线客服
        </span>
      </p>
      <router-link to="" class="db mt35 mb60">
        <img src="../../../src/assets/img/part/index/recommend.png" class="db w100p">
      </router-link>
      <h2 class="f42 mt30 mb30 pl25 cBasic2 iconBar">信投宝项目</h2>
      <div class="investBidWrap">
        <invest-bid-item></invest-bid-item>
        <invest-bid-item></invest-bid-item>
      </div>
      <div class="setWrap tac mt30 pt50 pb50 f0">
        <i class="uIcon iconHotLine"></i>
        <p class="mt30">
          <a href="tel:400-070-7663" class="f42 cBasic2">400-070-7663</a>
        </p>
        <p class="f30 mt25 cBasic3">工作日9:00-22:00 节假日9:00-18:00</p>
      </div>
      <p class="cBasic3 pt40 pb40 f36 tac">市场有风险 出借需谨慎</p>
    </section>
    <layer ref="layer"></layer>
  </div>
</template>

<script>
  import indexSwiper from './components/indexSwiper'
  import layer from '@/pagesModule/layer'
  import investBidItem from '@/pagesModule/investBidItem'

  export default {
    name: 'pageIndex',
    components: {
      indexSwiper,
      investBidItem,
      layer
    },
    data() {
      return {
        swiperList: [{
          id: 1111,
          imgUrl: 'asasasa'
        }, {
          id: 11112,
          imgUrl: 'asasasa'
        }, {
          id: 11113,
          imgUrl: 'asasasa'
        }]
      }
    },
    methods: {
      Alert() {
        this.$refs.layer.open({type: 1})
      },
      alertMsg() {
        var _this = this
        _this.$refs.layer.open({
          type: 2,
          content: '现在我又饿了。。。',
          shadeClose: true,
          button: ['确定'],
          sure() {
            console.log('取消')
            _this.$refs.layer.open({type: 1})
          }
        })
      }
    }
  }
</script>

<style lang="scss" scoped>
  .swiper-pagination-bullet-active {
    background: #fff;
  }
</style>

<style lang="scss" module>
  .main {
    padding: 30px 24px 10px;
  }

  .text {
    height: 120px;
  }
</style>
